<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->

<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
    <meta charset="utf-8">

    <link rel="dns-prefetch" href="http://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="http://themes.googleusercontent.com" />
    
    <link rel="dns-prefetch" href="http://ajax.googleapis.com" />
    <link rel="dns-prefetch" href="http://cdnjs.cloudflare.com" />
    <link rel="dns-prefetch" href="http://agorbatchev.typepad.com" />
    
    <!-- Use the .htaccess and remove these lines to avoid edge case issues.
       More info: h5bp.com/b/378 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    <title><g:message code="admin.login.title"/></title>
    <meta name="description" content="Mango is a slick and responsive Admin Template build with modern techniques like HTML5 and CSS3 to be used for backend solutions of any size.">
    <meta name="author" content="Simon Stamm &amp; Markus Siemens">

    <!-- Mobile viewport optimized: h5bp.com/viewport -->
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> 
    <!-- iPhone: Don't render numbers as call links -->
    <meta name="format-detection" content="telephone=no">
    
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
    <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->
    
    
    
    
    
    
    
    <!-- The Styles -->
    <!-- ---------- -->
    
    <!-- Layout Styles -->
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'style.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'grid.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'layout.css')}" type="text/css">
    
    <!-- Icon Styles -->
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'icons.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css/fonts', file: 'font-awesome.css')}" type="text/css">
    <!--[if IE 8]><link rel="stylesheet" href="css/fonts/font-awesome-ie7.css"><![endif]-->
    
    <!-- External Styles -->
    <link rel="stylesheet" href="${resource(dir: 'css/external', file: 'jquery-ui-1.9.1.custom.css')}" type="text/css">
    
    <link rel="stylesheet" href="${resource(dir: 'css/external', file: 'jquery.chosen.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css/external', file: 'jquery.cleditor.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css/external', file: 'jquery.colorpicker.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css/external', file: 'jquery.elfinder.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css/external', file: 'jquery.fancybox.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css/external', file: 'jquery.jgrowl.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css/external', file: 'jquery.plupload.queue.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css/external/syntaxhighlighter', file: 'shCore.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css/external/syntaxhighlighter', file: 'shThemeDefault.css')}" type="text/css">
    
    <!-- Elements -->
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'elements.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'forms.css')}" type="text/css">
    
    <!-- OPTIONAL: Print Stylesheet for Invoice -->
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'print-invoice.css')}" type="text/css">
    
    <!-- Typographics -->
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'typographics.css')}" type="text/css">
    
    <!-- Responsive Design -->
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'media-queries.css')}" type="text/css">
    
    <!-- Bad IE Styles -->
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'ie-fixes.css')}" type="text/css">
    
    
    
    
    
    
    
    <!-- The Scripts -->
    <!-- ----------- -->
    
    <!-- JavaScript at the top (will be cached by browser) -->
    
    
    <!-- Grab frameworks from CDNs -->
        <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
    <script>window.jQuery || document.write('<script src="${resource(dir: 'js/libs', file: 'jquery-1.8.2.js')}"><\/script>')</script>
    
        <!-- Do the same with jQuery UI -->
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <script>window.jQuery.ui || document.write('<script src="${resource(dir: 'js/libs', file: 'jquery-ui-1.9.1.js')}"><\/script>')</script>
    
        <!-- Do the same with Lo-Dash.js -->
    <!--[if gt IE 8]><!-->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/0.8.2/lodash.js"></script>
    <script>window._ || document.write('<script src="${resource(dir: 'js/libs', file: 'lo-dash.js')}"><\/script>')</script>
    <!--<![endif]-->
    <!-- IE8 doesn't like lodash -->
    <!--[if lt IE 9]><script src="http://documentcloud.github.com/underscore/underscore.js"></script><![endif]-->

    <!-- Do the same with require.js -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.0.6/require.js"></script>
    <script>window.require || document.write('<script src="${resource(dir: 'js/libs', file: 'require-2.0.6.min.js')}"><\/script>')</script>
    
    
    <!-- Load Webfont loader -->
    <script type="text/javascript">
        window.WebFontConfig = {
            google: { families: [ 'PT Sans:400,700' ] },
            active: function(){ $(window).trigger('fontsloaded') }
        };
    </script>
    <script defer async src="https://ajax.googleapis.com/ajax/libs/webfont/1.0.28/webfont.js"></script>
    
    <!-- Essential polyfills -->
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'ie-fixes.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'ie-fixes.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'ie-fixes.css')}" type="text/css">
    
    <script src="${resource(dir: 'js/mylibs/polyfills', file: 'modernizr-2.6.1.min.js')}"></script>
    <script src="${resource(dir: 'js/mylibs/polyfills', file: 'respond.js')}"></script>
    <script src="${resource(dir: 'js/mylibs/polyfills', file: 'matchmedia.js')}"></script>
    <!--[if lt IE 9]><script src="js/mylibs/polyfills/selectivizr.js"></script><![endif]-->
    <!--[if lt IE 10]><script src="js/mylibs/polyfills/excanvas.js"></script><![endif]-->
    <!--[if lt IE 10]><script src="js/mylibs/polyfills/classlist.js"></script><![endif]-->
    
    
    <!-- scripts concatenated and minified via build script -->
    
    <!-- Scripts required everywhere -->
    <script src="${resource(dir: 'js/mylibs', file: 'jquery.hashchange.js')}"></script>
    <script src="${resource(dir: 'js/mylibs', file: 'jquery.idle-timer.js')}"></script>
    <script src="${resource(dir: 'js/mylibs', file: 'jquery.plusplus.js')}"></script>
    <script src="${resource(dir: 'js/mylibs', file: 'jquery.scrollTo.js')}"></script>
    <script src="${resource(dir: 'js/mylibs', file: 'jquery.ui.touch-punch.js')}"></script>
    <script src="${resource(dir: 'js/mylibs', file: 'jquery.ui.multiaccordion.js')}"></script>
    <script src="${resource(dir: 'js/mylibs', file: 'number-functions.js')}"></script>
    <script src="${resource(dir: 'js/mylibs/fullstats', file: 'jquery.css-transform.js')}"></script>
    <script src="${resource(dir: 'js/mylibs/fullstats', file: 'jquery.animate-css-rotate-scale.js')}"></script>
    <script src="${resource(dir: 'js/mylibs/forms', file: 'jquery.validate.js')}"></script>
        
    <!-- Do not touch! -->
    <script src="${resource(dir: 'js', file: 'mango.js')}"></script>
    <script src="${resource(dir: 'js', file: 'plugins.js')}"></script>
    <script src="${resource(dir: 'js', file: 'script.js')}"></script>
    
    <!-- Your custom JS goes here -->
    <script src="${resource(dir: 'js', file: 'app.js')}"></script>
    
    <!-- end scripts -->
    <r:layoutResources />
</head>

<body class="login">

	<!-- Some dialogs etc. -->

	<!-- The loading box -->
	<div id="loading-overlay"></div>
	<div id="loading">
		<span>Loading...</span>
	</div>
	<!-- End of loading box -->
	
	<g:layoutBody/>
	
	<!-- Spawn $$.loaded -->
	<script>
		$$.loaded();
	</script>
	
	<g:javascript library="application"/>
	<r:layoutResources />
	<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
	   chromium.org/developers/how-tos/chrome-frame-getting-started -->
	<!--[if lt IE 7 ]>
	<script defer src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
	<script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
	<![endif]-->

</body>
</html>